import React from 'react';
import Loading from '../../../components/Loading';
import List from './List';
import './style.less';

const HomeLove = ({data, onLoadMore, isLoading, hasMore}) => {
  return (
    <div className="home-love">
      <h2>猜你喜欢</h2>
      <List data={data}/>
      {
        isLoading ? <Loading/> : <footer onClick={onLoadMore}>{hasMore ? '加载更多' : '没有更多内容了'}</footer>
      }
    </div>
  )
}
export default HomeLove;
